@extends('layouts.default')

@section('content')
    <header>
        <div class=container>
            <img class=img-responsive src="images/0f7bb3d2e1e722e68210163639217c43.jpeg">
        </div>
    </header>
    <div class=container id=slider>
        <div class=slider>
            @foreach($categories as $category)
            <div class=slide>
                <img src={{ asset($category->image_url) }}>
                <div class=clearfix>
                    <span class=h3>{{ $category->title }}</span>
                    <a href="/product-finder/{{$category->slug}}" class=pull-right> <i class="fa fa-chevron-circle-right"></i>
                        See Detail
                    </a>
                </div>
            </div>
            @endforeach
        </div>
    </div>
@stop